<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/shop.css">
</head>

<body>
    <header class="header"></header>
    <div class="main-container">
        <div class="page-container">    
            <div class="cart-main">
                <h3 class="cart-title">
                    <span>我的购物车</span>
                </h3>
                <div class="carts">
                    <div class="cart-top">
                        <label class="checkbox-label checkbox-all">
                            <input type="checkbox" class="checkbox-inputs">
                            <span>全选</span>
                        </label>
                    </div>
                    <table class="cart-table">
                       
                    </table>
                    <script type="text/html" id="cartTemplate">
                        {{each cart shop}}
                        <tr class="goods item" data-id={{shop.id}}>
                            <td class="td-check">
                                <label class="checkbox-label checkbox-one">
                                    <input type="checkbox" class="checkbox-input" {{shop.checked && 'checked'}}>
                                </label>
                            </td>
                            <td class="td-img">
                                <a href="/html/detail.html?id={{shop.id}}">
                                    <img src="{{shop.imgs[0]}}" alt="">
                                </a>
                            </td>
                            <td class="td-infos">
                                <div class="td-infos-top">
                                    <div class="fl">
                                        <h5>{{shop.title}}</h5>
                                    </div>
                                    <div class="fr">
                                        <span class="infos-price">￥{{shop.originPrice}}</span>
                                        <span class="infos-mktprice">￥{{shop.price}}</span>
                                    </div>
                                </div>
                                <div class="td-infos-bot">
                                    <p class="fl">
                                        <span>数量：</span>
                                        <a href="javascript:;" class="num-minus">-</a>
                                        <input type="text" class="num-input" value="{{shop.count}}">
                                        <a href="javascript:;" class="num-plus">+</a>
                                    </p>
                                    <p class="fr">
                                        <a class="delete-one">删除</a>
                                    </p>
                                </div>
                            </td>
                        </tr>
                        {{/each}}
                    </script>
                </div>

                <div class="cart-empty">
                    <img
                        src="https://fila-image01.obs.myhwclouds.com/theme_fl/images/icons/cart-empty.svg">
                    <p>您的购物车中没有任何商品，马上去<a href="/html/list.html">挑选商品</a></p>

                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="sum-main w-1280">
            <div class="sum-infos">
                <div class="sum-operate fl">
                    <label class="checkbox-label checkbox-all">
                        <input type="checkbox" class="checkbox-inputs">
                        <span>全选商品</span>
                    </label>
                    <a class="delete-multi">删除商品</a>
                </div>
                <div class="sum-totalprice fr">
                    <span>总价</span>
                    <span class="price">￥0.00</span>
                </div>
            </div>
            <div class="sum-to-settle fl">
                <a href="javascript:;" class="btn-to-settle">结算</a>
            </div>
        </div>
    </div>
    <script src="/libs/require/require.min.js" data-main="/js/shop"></script>
</body>

</html>